$(function() {
    $('#btn-like').on('click', function() {
        var self = this;
        fetch('/images/' + $(self).data('id') + '/like', {method: 'POST'})
        .then(function(resp) {
            return resp.json();
        })
        .then(function(res) {
            $('strong.like-count').text(res.likes)
        })
        .catch(function(err) {
            console.log(err)
            alert('出错了。')
        })
    })

    $('#btn-comment').on('click',function(){
      $('#post-comment').toggle(500);
    })

    $('#btn-delete').on('click', function() {
        fetch(location.href, {method: 'DELETE'})
        .then(function(resp) {
            return resp.json()
        })
        .then(function(obj) {
            if(obj.ok && obj.ok === 1) {
                $('#btn-delete').empty().text('已删除！')
                    .removeClass('btn-danger').addClass('btn-success')
                    .attr('disabled', true)
                $('#btn-like').attr('disabled', true)
                $('#comment-btn').attr('disabled', true)
                window.location.href='/'
            } else {
                alert('请求出错。' + JSON.stringify(obj))
            }
        })
        .catch(function(err) {
            alert('网络出错。')
        })
    })
})
